<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      var colors = ["red", "green", "pink", "blue", "orange"];
      // 如如何遍历数组当中的 元素
      // 数组索引 0---数组.length-1   遍历索引
      for (var i = 0; i < colors.length; i++) {
        // 这时  i 就是(代表) 每个元素 对应的索引
        console.log(colors[i]);
      }

      var ageArr = [23, 22, 19, 18, 25, 26];
      // 求一下 这个数组  平均年龄
      // 遍历数组元素 求和 取平均
      var sum = 0;
      for (var i = 0; i < ageArr.length; i++) {
        sum += ageArr[i];
      }
      console.log(sum / ageArr.length);

      // for...of 遍历数组
      for (var item of colors) {
        // item 就是 代表 遍历到的数组当中的 每一个元素
        console.log(item);
        // 无法获取到元素对应的索引
      }
    </script>
  </body>
</html>
